<!DOCTYPE html>
<html>
<head lang="en">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta content="width=device-width, initial-scale=1, user-scalable=no, maximum-scale=1, minimum-scale=1, minimal-ui"
          name="viewport">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <title>登陆页</title>
    <link rel="stylesheet" type="text/css" href="assets/css/amazeui.min.css">
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="assets/js/amazeui.min.js"></script>
    <script type="text/javascript" src="js/comm.js"></script>
</head>
<body>
<div class="container">
    <div class="logo">
        <img src="images/logo.png">
    </div>
    <form action="" class="form">
        <input type="text" placeholder="用户手机登陆" required class="icontel">
        <input type="text" placeholder="输入验证码" class="iconpas borderT">
    </form>
    <div class="button">
        <a href="#" class="btnlogin" data-am-modal="{target: '#doc-modal-1'"> 登&nbsp;录</a>
    </div>
</div>
<!--弹出框-->
<div class="am-modal am-modal-no-btn" tabindex="-1"  id="doc-modal-1">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">
            <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
        </div>
        <div class="am-modal-bd cred alertfont">
           手机或验证码错误！请重新登录。
        </div>
    </div>
</div>
<script>
    $(function(){
        $(".btnlogin").click(function () {
            $("#doc-modal-1").modal();
        });
    })
</script>
</body>
</html>